﻿    @model TumbaloSoft.Helpers.QueryObjects.BusquedaInmueble

@{
	Layout = "~/Views/Shared/_VendedorLayout.cshtml";
	ViewBag.Title = "Listado de Inmuebles";
	
}
<script>
    $(document).ready(function () {
        var id = $("#id");

        function updateTips(t) {
            tips
			    .text(t)
			    .addClass("ui-state-highlight");
            setTimeout(function () {
                tips.removeClass("ui-state-highlight", 1500);
            }, 500);
        }

        $("#dialog-form").dialog({
            autoOpen: false,
            height: 600,
            width: 600,
            modal: true,
            buttons: {
                "Buscar": function () {
                    document.getElementById('busqueda').submit()
                    $(this).dialog("close");
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                allFields.val("").removeClass("ui-state-error");
            }
        });

        $("#buscar")

		    .click(function () {
		        $("#dialog-form").dialog("open");
		    });
    });

</script>

<script>
    function siguientePagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.nextPage' id='prPage' name='prPage'>";
		document.getElementById("busqueda").appendChild(prPage);
		document.getElementById("busqueda").submit();
    }
    function anteriorPagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.prevPage' id='prPage' name='prPage'>";
		document.getElementById("busqueda").appendChild(prPage);
		document.getElementById("busqueda").submit();
    }
</script>

	<!-- content -->
	<div class="body2">
		<div class="main">
			<section id="content" style="padding-bottom: 20px;">
				<div class="wrapper">
					<!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
					
						<article class="col0">
							<nav class="urbangreymenu">
								<h3 class="headerbar">Inmuebles</h3>
								<ul id="subMenu">
									<li>
										<h5>@Html.ActionLink("Lista de Inmuebles", "InmuebleIndex")</h5>
									</li>
									<li>
										<h5>@Html.ActionLink("Nuevo Inmueble", "RegistrarInmueble")</h5>
									</li>
								
								</ul>
							</nav>
						</article>
					
					<div id="dialog-form" title="Busqueda de Inmueble">
						<p class="validateTips">Ingrese Los criterios de Busqueda</p>

						<form id="busqueda" method="get" action="/PerfilVendedor/InmuebleIndex">
							<div class="row">
								<span>
									<br>
									Distrito</span>
								<br>
								<ul style="overflow-y: scroll; overflow-x: hidden; height: 70px; margin-right: 363px;">
									@foreach (var distrito in ViewBag.listaDistritos)
	                                {
										<li>
											<input type="checkbox" name="prDistritos" value="@distrito.prIdDistrito" />
											@distrito.prNombreDistrito
										</li>
	                                }
								</ul>
							</div>
							<div class="row">
								<span>
									<br>
									Tipo de inmueble*:</span><br>
								<select id="prTipoInmueble-prIdTipoInmueble" name="prTipoInmueble.prIdTipoInmueble">
									<option value=0>-Seleccione una Opcion-</option>
									@foreach (var objTipo1 in ViewBag.listaTipoInmueble)
	                                {                                                        
										<option value="@objTipo1.prIdTipoInmueble">@objTipo1.prDescripcion</option>
	                                }
								</select>

							</div>
							<div class="row">
								<span>
									<br>
									Area</span>
								<br>
								Desde: @Html.TextBoxFor(model => model.prAreaConstruidaMin, new { style = "border: 1px solid black" })
								Hasta: @Html.TextBoxFor(model => model.prAreaConstruidaMax, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prAreaConstruidaMin, null, new { style = "float: none" })
								@Html.ValidationMessageFor(model => model.prAreaConstruidaMax, null, new { style = "float: none" })
							</div>
							<div class="row">
								<span>
									<br>
									Precio de Venta</span>
								<br>
								Desde: @Html.TextBoxFor(model => model.prValorMercadoMin, new { style = "border: 1px solid black" })
								Hasta: @Html.TextBoxFor(model => model.prValorMercadoMax, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prValorMercadoMin, null, new { style = "float: none" })
								@Html.ValidationMessageFor(model => model.prValorMercadoMax, null, new { style = "float: none" })
							</div>
							<div class="row">
								<span>
									<br>
									Nro de Pisos</span>
								<br>
								Desde: @Html.TextBoxFor(model => model.prNroPisos, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prNroPisos, null, new { style = "float: none" })

							</div>
							<div class="row">
								<span>
									<br>
									Nro de Baños</span>
								<br>
								Desde: @Html.TextBoxFor(model => model.prNroBanhos, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prNroBanhos, null, new { style = "float: none" })

							</div>
							<div class="row">
								<span>
									<br>
									Nro de Dormitorios</span>
								<br>
								Desde: @Html.TextBoxFor(model => model.prNroDormitorios, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prNroDormitorios, null, new { style = "float: none" })

							</div>

						</form>
					</div>
					
					<article class="col1" style="width: 730px">
						<!--dentro de div pad2 trabajare mi formulario -->
						<div class="pad2" >
							<h2 class="pad_bot1 pad_top1">Lista de Inmuebles</h2>

							<form id="ContactForm" method="post">
								<div class="wrapper">	
									<h3 style="padding-top: 0px; padding-bottom: 10px;">Busqueda de Inmueble
									<a id="buscar"><img src="../Content/site/images/icono_buscar.png" /></a>
									</h3>
									
									<table border="0" id="indice" >
										<tr>
											<th>ID</th>
											<th>Direccion</th>
											<th>Estado</th>
											<th>Tipo</th>
											<th>Distrito</th>
                                            <th>Moneda</th>
											<th>Precio</th>
											<th>Editar</th>
											<th>Eliminar</th>
										</tr>
										@foreach (var inmueble in ViewBag.ListaInmueble)
		                                {
											<tr class="alt">
												<td>@inmueble.prIdInmueble</td>
												<td>@inmueble.prDireccion</td>
												<td>@inmueble.prEstado</td>

												<td>
													@foreach (var objTipo1 in ViewBag.listaTipoInmueble)
		                                           {
			                                           if (@objTipo1.prIdTipoInmueble == @inmueble.prTipoInmueble.prIdTipoInmueble)
			                                           {
														    @objTipo1.prDescripcion
			                                           }
		                                           }
												</td>

												<td>
													@foreach (var objTipo2 in ViewBag.listaDistritos)
		                                           {
			                                           if (@objTipo2.prIdDistrito == @inmueble.prDistrito.prIdDistrito)
			                                           {
														@objTipo2.prNombreDistrito
			                                           }
		                                           }
												</td>
												

                                                <td>
                                                    @foreach (var obj in ViewBag.Monedas)
                                                    {
                                                        if (obj.prIdMoneda == @inmueble.prMoneda.prIdMoneda)
                                                        {
                                                            @obj.prDescripcion;
                                                        }
                                                    }
                                                </td>


												<td>@inmueble.prValorMercado</td>
												<td ><a  href="/PerfilVendedor/ModificarInmueble?prIdInmueble=@inmueble.prIdInmueble"><img  src="../Content/site/images/icono_modificar.png" /></a></td>
												<td><a href="/PerfilVendedor/EliminarInmueble?prIdInmueble=@inmueble.prIdInmueble"><img src="../Content/site/images/icono_quitar.png" /></a></td>
											</tr>
		                                }
									</table>

								</div>
							</form>
						</div>
						<br />
						<span style="float: none; margin-left: 29px;">
							@if (ViewBag.prevPage > 0)
	                        {
								<a href="javascript:anteriorPagina()"><img src="../Content/site/images/icono_anterior.png" /></a> 
	                        }
							 
                                        @if (ViewBag.nextPage <= ViewBag.numPages)
								{
									<a href="javascript:siguientePagina()"><img src="../Content/site/images/icono_siguiente.png" /></a>
								}
						</span>
					</article>
				</div>

			</section>
		</div>
	</div>

	<!-- / content -->

	<script type="text/javascript"> Cufon.now(); </script>